:host {
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 100%;
    overflow: hidden;

    .leftPanel {
        flex: 1;
        display: flex;
        overflow: hidden;
        overflow-y: auto;
        flex-direction: column;

        app-graph {
            flex: 1;
            overflow: hidden;
            overflow-y: auto;
        }

        .jobForm {
            display: flex;
            flex-direction: column;
            height: 100%;

            app-entity-json-form {
                flex: 1;
                overflow: hidden;
                overflow-y: auto;
            }

            .back {
                margin: 10px;
            }
        }
    }

    app-resizable-panel {
        height: 100%;

        ::ng-deep {
            .ant-tabs-tab {
                padding: 3px 16px !important;
                cursor: inherit !important;

                :host-context(.night) & {
                    background-color: #1e1e1e;
                    border-bottom-color: #1e1e1e !important;
                }
            }

            .ant-tabs-tab-btn {
                color: #979797;

                :host-context(.night) & {
                    color: #828282;
                }
            }

            nz-tabs-nav {
                margin: 0;
            }
        }

        nz-code-editor {
            height: 100%;
            border-left: 1px solid #f0f0f0;

            :host-context(.night) & {
                background-color: #1e1e1e;
                border-left: 1px solid #303030;
            }
        }
    }
}